<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/4/5
  Time: 23:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<!DOCTYPE html>
<html>
<head>
    <title>图书在线借阅系统</title>
    <link rel="stylesheet" type="text/css" href="lib/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="lib/layui/css/book.css">
    <script type="text/javascript" src="lib/layui/layui.js"></script>
    <style>
        .layui-layout-body {
            background: url("lib/Images/bg-4.jpg") no-repeat;
            background-size: cover;
        }
        .layui-elem-field {
            font-weight: bolder;
        }

    </style>
</head>
<body class="layui-layout-body">
<div class="layui-container-box" style="width:90%;background: url(lib/Images/bg.jpg )">
    <fieldset class="layui-elem-field layui-field-title" >
        <legend>图书借阅归还信息</legend>
    </fieldset>

    <!-- <div class="demoTable" >

        <label style="margin-left: 350px; font-size: 14px;">请输入信息查询：</label>
        <div class="layui-input-inline">
            <input class="layui-input" id="search" name="search"  autocomplete="off" style="width: 200px;" />
        </div>
        <button class="layui-btn" data-type="reload" id="searchOK">搜索</button>



    </div> -->




    <table class="layui-hide" id="book-list" lay-filter="book-list"></table>
<%--    <script type="text/html" id="barDemo">--%>
<%--        {{#  if(new Date(d.rentDate) < new Date()&&d.backDate==null&&new Date(d.rentDate) < new Date(d.returnDate)){ }}--%>
<%--        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="return">续借</a>--%>
<%--        {{#  } }}--%>
<%--    </script>--%>
</div>
</body>
</html>
<script type="text/javascript">
    layui.use(['dropdown', 'util', 'layer', 'table'],function () {
        var dropdown = layui.dropdown
            ,util = layui.util
            ,layer = layui.layer
            ,table = layui.table
            ,$ = layui.jquery;

        table.render({
            elem:'#book-list',
            url:'record.let?type=selectBymemId&memId=${mem.id}',//数据接口
            title:'记录信息表',
            page:true,//开启分页
            method:'post',
            limit:8,
            limits:[5,10],
            request: {
                page: 1 //页码的参数名称，默认：page
                ,limit: 5//每页数据量的参数名，默认：limit
            } ,
            cols:[[//表头
                {field:'id',title:'ID',sort:true,fixed:"left"},
                {field:'memberName',title:'会员名称'},
                {field:'mtname',title:'会员类型'},
                {field:'bookName',title:'书名'},
                {field:'tname',title:'类别',width: 60},
                {field:'author',title:'作者'},
                {field:'stock',title:'库存',width: 60},
                {field:'rentDate',title:'借阅时间',width: 110},
                {field:'backDate',title:'归还时间',width: 110,templet: function (d) {
                        if (d.backDate==null){
                            return "未归还";
                        }
                        return d.backDate;
                    }},
                {field:'returnDate',title:'最迟归还时间',templet : "<div>{{layui.util.toDateString(d.returnDate, 'yyyy-MM-dd')}}</div>",width:120},
                {field:'deposit',title:'押金',width: 60},
                {field:'userId',title:'操作人',templet: function (d){
                        if (d.userId==1){
                            return"管理员";
                        }
                        return "用户";
                    }}

            ]],id: 'testReload'
        });

        // {field:'right', title: '操作', toolbar:"#barDemo",width: 50}
        <%--//续借功能--%>
        <%--table.on('tool(book-list)',function (obj) {--%>
        <%--    var data = obj.data;--%>
        <%--    if (obj.event == 'return'){--%>
        <%--        layer.confirm('确定续借这本书吗？', function(index){--%>
        <%--            window.location.href = "record.let?type=keep&memId=${member.id}&id=" + data.id;--%>
        <%--            layer.close(index);--%>
        <%--        });--%>
        <%--    }--%>
        <%--});--%>

        // //输入框判空
        // $("#searchOK").click(function(){
        //     var $ = layui.$;
        //     var key = $("#search").val();
        //     console.log(key);
        //
        //     if(key==''){
        //
        //         alert("请输入内容查询！");
        //         return;
        //
        //     }else{
        //         var $ = layui.$, active = {
        //             reload:function () {
        //                 //搜索框
        //                 var search=$('#search').val();
        //
        //
        //                 //执行重载
        //                 table.reload('testReload',{
        //                     url:'record.let?type=select',
        //                     page:{
        //                         curr:1 //重新从第1页开始
        //                     },
        //                     where:{
        //                         search:search
        //
        //
        //                     }
        //
        //                 });
        //             }
        //
        //         };
        //
        //         $('.demoTable .layui-btn').on('click', function(){
        //             var type = $(this).data('type');
        //             active[type] ? active[type].call(this) : '';
        //         });
        //
        //     };
        // });



    });

    //将时间格式转换成字符串
    function Format(datetime,fmt) {
        if (parseInt(datetime)==datetime) {
            if (datetime.length==10) {
                datetime=parseInt(datetime)*1000;
            } else if(datetime.length==13) {
                datetime=parseInt(datetime);
            }
        }
        // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
        // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
        // 例子：
        //Format("2016-10-04 8:9:4.423","yyyy-MM-dd hh:mm:ss.S") ==> 2016-10-04 08:09:04.423
        // Format("1507353913000","yyyy-M-d h:m:s.S")      ==> 2017-10-7 13:25:13.0
        datetime=new Date(datetime);
        var o = {
            "M+" : datetime.getMonth()+1,                 //月份
            "d+" : datetime.getDate(),                    //日
            "h+" : datetime.getHours(),                   //小时
            "m+" : datetime.getMinutes(),                 //分
            "s+" : datetime.getSeconds(),                 //秒
            "q+" : Math.floor((datetime.getMonth()+3)/3), //季度
            "S"  : datetime.getMilliseconds()             //毫秒
        };
        if(/(y+)/.test(fmt))
            fmt=fmt.replace(RegExp.$1, (datetime.getFullYear()+"").substr(4 - RegExp.$1.length));
        for(var k in o)
            if(new RegExp("("+ k +")").test(fmt))
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
        return fmt;
    }
</script>



